<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>

    // 字符串新增
    // (1) 模版字符串  ``  ${}


    // (2) 字符串新增方法    => 官方提供专门操作字符串的方法
    // 语法: 字符串.方法();

    // includes(), startsWith(), endsWith()
    // includes()：返回布尔值，表示是否找到了参数字符串。 (判断某个字符串中是否存在某个或某段字符)
    // startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。 (判断某个字符串中是否以某个或某段字符开头)
    // endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。 (判断某个字符串中是否以某个或某段字符结尾)


    // var str = "good good study , day day up"

    // var result = str.includes("day");
    // console.log(result);

    // var result = str.includes("Day");
    // console.log(result);


    // var str = "good good study , day day up"

    // var result = str.startsWith("g");
    // console.log(result);
    // var result = str.startsWith("good");
    // console.log(result);

    // var result = str.endsWith("p");
    // console.log(result);
    // var result = str.endsWith("up");
    // console.log(result);



    // repeat()  返回一个新字符串，表示将原字符串重复n次

    // var str = "abc";
    // var result = str.repeat(3);
    // console.log(result);

    // 等价于
    // var newStr = "";
    // var str = "abc";
    // for(var i=0;i<3;i++){
    //     newStr += str;
    // }
    // console.log(newStr);

    // console.log("*".repeat(10));\

    
    // padStart()，padEnd()   头部补全和尾部补全
    // ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。
    // padStart(len,padStr)
    // padEnd(len,padStr)
    // padStart()和padEnd()一共接受两个参数，第一个参数是字符串补全生效的最大长度，第二个参数是用来补全的字符串。

    // 解析: 原字符串长度:1 ,补全后长度: 5  => 还差4位
    //      用于补全的字符串 "ab" => 2
    //      4 / 2 => 2 补全两次
    // var str = "x";
    // var result = str.padStart(5,"ab");
    // console.log(result);

    // 解析: 原字符串长度:1 ,补全后长度: 5  => 还差4位
    //      用于补全的字符串 "abc" => 3
    //      4 / 3 =>  1.3  => 向上取值 => 补全两次  abcabc => 从头截取4位
    // var str = "x";
    // var result = str.padStart(5,"abc");
    // console.log(result);


    // var str = "x";
    // var result = str.padEnd(5,"ab");
    // console.log(result);

    // var str = "x";
    // var result = str.padEnd(5,"abc");
    // console.log(result);


    // 月份头部补全 
    // var date = new Date("2023-1-1");

    // var month = date.getMonth() + 1;
    // console.log(month);

    // 头部补全
    // month = month < 10 ? "0" + month : month;
    // console.log(month);

    // month = month.toString().padStart(2,"0");
    // console.log(month);

    
    // trimStart()，trimEnd()  trimStart()消除字符串头部的空格，trimEnd()消除尾部的空格
    // trimLeft()是trimStart()的别名，trimRight()是trimEnd()的别名。



</script>
</html>